<template>
    <div>
        <div class="w-full">
            <div style="height:60px">
                <Xheader></Xheader>
            </div>
            <div class="grid grid-cols-12">
                <div class="col-span-2" style="background:#2e317c">
                    <Xsidebar></Xsidebar>
                </div>
                <div class="col-span-10 flex flex-col">
                    <div class="flex-none">
                        <hd-history class="border-b-2 border-green-500 h-8"></hd-history>
                    </div>
                    <div class="flex-grow-0">
                        <el-main>
                            <router-view/>
                        </el-main>
                    </div>
                    <div class="">
                        <el-divider></el-divider>
                        <div class="text-center text-gray-600 text-sm text-md font-sans italic ">
                            宣汉绿之源家政服务有限公司 {{ date }}
                        </div>
                    </div>
                </div>
            </div>
            <el-backtop :bottom="50">
            </el-backtop>
        </div>
    </div>
</template>

<script>
import Xheader from './components/header.vue'
import Xsidebar from './components/sidebar.vue'

export default {
    route: {meta: {auth: true}},
    components: {Xheader, Xsidebar},
    data() {
        return {
            date: '',
        }
    },
    created() {
        this.date = new Date().getFullYear()
        //获取当前用户权限，放到layout的目的是只在layout下调用一次，然后混入到原型里面
        // this.$hd.init()
    },

}
</script>

<style scoped>

</style>
